<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>三喜商务礼品</title>
<meta name="keywords" content="商务礼品,中秋礼品,开业礼品,福利礼品,庆典礼品,促销礼品"/>
<meta name="description" content="三喜商务礼品"/>
<link href="${contextPath }/css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<!--#include virtual="${contextPath}/common/header.jsp" -->
	<!--#include virtual="${contextPath}/common/search.jsp" -->
	<!--#include virtual="${contextPath}/common/navigation.jsp" -->
	<div class="content">
		<div class="left">
			<!--#include virtual="${contextPath}/static/classify.html" -->
			<!--#include virtual="${contextPath}/static/brand.html" -->
			<!--#include virtual="${contextPath}/static/pinpai.html" -->
			<!--#include virtual="${contextPath}/static/friendlinks.html" -->
			<!--#include virtual="${contextPath}/static/successanli.html" -->
		</div>
		<div class="right">
		<div class="news-article">
			<div class="newsimage" id="news-image">
				<a href="#"><img id="news-img" src="" style="width:550px;height:200px;"/></a>
				<div class="links" id="news-links">
					<span></span>
					<ul>
						<#if newsimages??>
						<#list newsimages as ni>
						<li id="${contextPath}/article_${ni.articleid}.html" name="${contextPath}${ni.image}" title="${ni.title}">${ni_index+1}</li>
						</#list>
						</#if>
					</ul>
				</div>
			</div>
			<div class="article" id="scrooltext">
			<h2>最新文章</h2>
			<div style="overflow:hidden;">
			<ul>
			<#if articles??>
			<#list articles as at>
				<li class="title"><a href="${contextPath}/article_${at.id}.html" target="_blank">${at.title}</a></li>
			</#list>
			</#if>
			</ul>
			</div>
			</div>
			</div>
			
			<div class="newproduct">
				<div class="ntitle">
					<span>推荐产品</span><a href="${contextPath}/search.do" target="_blank">更多...</a>
				</div>
				<#if recommendProducts??>
				<ul>
					<#list recommendProducts as np>
					<li>
						<a href="${contextPath}/product_${np.id}" target="_blank"><img src="${contextPath}${np.image!'#'}"/></a>
						<p><a href="${contextPath}/product_${np.id}" target="_blank">${np.productName!'#'}</a></p>
						<p class="price">价格￥：${np.price}</p>
					</li>
					</#list>
				</ul>
				</#if>
			</div>
			<div class="newproduct">
				<div class="ntitle">
					<span>最新产品</span><a href="${contextPath}/search.do" target="_blank">更多...</a>
				</div>
				<#if newproducts??>
				<ul>
					<#list newproducts as np>
					<li>
						<a href="${contextPath}/product_${np.id}" target="_blank"><img src="${contextPath}${np.image!'#'}"/></a>
						<p><a href="${contextPath}/product_${np.id}" target="_blank">${np.productName!'#'}</a></p>
						<p class="price">价格￥：${np.price}</p>
					</li>
					</#list>
				</ul>
				</#if>
			</div>
		</div>
	</div>
	<!--#include virtual="${contextPath}/static/foot-introduction.html" -->
	<!--#include virtual="${contextPath}/common/footer.jsp" -->
	<script type="text/javascript" src="${contextPath}/js/jquery.js"></script>
	<script type="text/javascript" src="${contextPath}/js/jQuery.textSlider.js"></script>
	<script type="text/javascript">
				var first = $("#news-links li")[0];
				var last = $("#news-links li")[$("#news-links li").length-1];
				var temp = $(first).next();
				$(document).ready(function(){
					$("#news-img").attr("src",$(first).attr("name"));
					$("#news-image > a").attr("href",$(first).attr("id"));
					$("#news-links > span").html($(first).attr("title"));
					$(first).addClass("yellow");
					//setTimeout(5000);
					setInterval(function(){
					$("#news-img").fadeOut(500);
					$("#news-img").attr("src",$(temp).attr("name"));
					$("#news-links > span").html($(temp).attr("title"));
					$("#news-image > a").attr("href",$(temp).attr("id"));
					if($(temp).prev().length ==0){
						$(last).removeClass("yellow");
					}else{
						$(temp).prev().removeClass("yellow");
					}
					$(temp).addClass("yellow");
					$("#news-img").fadeIn(1000);
					if($(temp).next().length==0){
						temp = first;
					}else{
						temp = $(temp).next()[0];
					}
					},5000);
					
				});
				if($("#scrooltext li").length>5)
					$("#scrooltext").textSlider({line:3,speed:500,timer:5000});
			</script>
</body>
</html>